<script>
// vue2 的写法
export default {
  data() {
    return {
      show: true,
      count: 0,
      person: {
        age: 10,
        name: 'Jack',
      },
    };
  },
  // 事件中修改数据
  methods: {
    // 修改数据
    toggle() {
      this.show = !this.show;
    },
    // 累加
    increment() {
      // this.count += 1
      this.count = this.count + 1;
    },
  },
  // watch: {
  //   'perosn.age'
  // }
};
</script>

<template>
  <img v-show="show" alt="Vite logo" src="/vite.svg" />
  <button @click="toggle">显示隐藏图片</button>
  <hr />
  <h2>计数器：</h2>
  <button>累加</button>
</template>

<style scoped></style>
